<extend name="User/index"/>
<block name="pageContent">
    <style>
        a:hover{color: #333;}
        .list_left{width: 15em;float: left}
        .list_left img{width: 100%;}
        .list_right{position: relative;padding-left:15.5em; height: 9em}
        .list_right .text_one{
            font-size: 12px;
            color: #98a4b4;
            margin: 0 0 2px;
            line-height: 16px;
            word-break: break-all;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }
        .list_right .text_two{
            font-size: 12px;
            color: #98a4b4;
            margin: 0 0 2px;
            line-height: 16px;
            word-break: break-all;
            overflow: hidden;
            overflow-x: hidden;
            overflow-y: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }
        .list_right .text_three{
            margin: 0;
            display: inline;
            color: #f93;
            font-size: 13px;
            line-height: 20px;
            float: left;
            position: absolute;
            bottom: -3px;

        }
        .list_right .text_tip{
            padding: 4px;
            color: #f93;
            font-size: 12px;
            border: 1px solid #f93;
            border-radius: 2px;
            background: #fff7ef;
            position: absolute;
            bottom: 0;
            right: 0;
            margin: 0;
            line-height: 12px;
        }
        .list_right h3{font-size: 1.2em;font-weight: bold;max-height: 60px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        /*.list-box1{padding: 1em;}*/
        .list-box{margin-top: 0;position: relative;}
    </style>
    <div class="list-box">
        <ul>
        <volist name="res" id="vo">
            <if condition="$vo.flag eq 1">
            <a href="{:U('Order/details?pid='.$vo['pid'])}">
                <li>
                <dl class="clearfix list-box1">
                    <dt class="list_left">
                        <img src="{$vo.img}" alt="">
                    </dt>
                    <dd class="list_right">
                        <h3>
                            <span>{$vo.title}</span>
                        </h3>
                        <p class="text_one"> {:date('m-d H:i',$vo['start_time'])}开始</p>
                        <p class="text_two"> {$vo.address}</p>
                        <p class="text_three">
                            <if condition="$vo.cost eq 0">免费<else/>¥{$vo.price}</if>
                        </p>
                        <p class="text_tip">
                            <if condition="$vo.order_count eq 0">新品上架<else/>已报名{$vo.order_count}</if>

                        </p>
                    </dd>
                </dl>
                </li>
            </a>
            <elseif condition="$vo.flag eq 2"/>
                <li>
                    <div class="list-pic"><a href="{:U('Article/detail', array('id'=>$vo['id']))}"><img src="{$vo.cover_id|get_cover='path'}"/></a></div>
                    <div class="list-con">
                        <h5><a href="{:U('Article/detail', array('id'=>$vo['id']))}">{$vo.title}</a></h5>
                        <p><a href="{:U('Article/detail', array('id'=>$vo['id']))}">{$vo.description}</a></p>
                        <div style="text-align: right" class="time">{$vo.create_time|time_format}</div>
                    </div>
                </li>
            </if>
        </volist>
        </ul>
    </div>
    <!--<div class="list-box">-->
        <!--&lt;!&ndash; 最新 &ndash;&gt;-->
        <!--<ul>-->
            <!--<volist name="articleCollect" id="vo">-->
                <!--<li>-->
                    <!--<div class="list-pic"><a href="{:U('Article/detail', array('id'=>$vo['id']))}"><img src="{$vo.cover_id|get_cover='path'}"/></a></div>-->
                    <!--<div class="list-con">-->
                        <!--<h5><a href="{:U('Article/detail', array('id'=>$vo['id']))}">{$vo.title}</a></h5>-->
                        <!--<p><a href="{:U('Article/detail', array('id'=>$vo['id']))}">{$vo.description}</a></p>-->
                         <!--<div style="text-align: right" class="time">{$vo.create_time|time_format}</div>-->
                    <!--</div>-->
                <!--</li>-->
            <!--</volist>-->
        <!--</ul>-->
    <!--</div>-->
</block>